<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">
<head>
<meta charset="utf-8"/>
<meta http-equiv="X-UA-Compatible" content="IE=edge"/>
<meta name="viewport" content="width=device-width, initial-scale=1"/>
<meta name="description" content="后台 | 后台管理系统 |joney"/>
<meta name="author" content="joney"/>
<title>后台管理系统</title>
	<link rel="stylesheet" type="text/css" th:href="@{/easyui/themes/black/easyui.css}" id="swicth-style"/>
	<link rel="stylesheet" type="text/css" th:href="@{/easyui/themes/icon.css}"/>
	<link rel="stylesheet" type="text/css" th:href="@{/easyui/themes/main.css}"/>
	<link rel="stylesheet" type="text/css" th:href="@{/css/font-awesome.min.css}"/>
	<link rel="stylesheet" type="text/css" th:href="@{/css/common.css}"/>
	<script type="text/javascript" th:src="@{/js/jquery-1.8.0.min.js}"></script>
	<script type="text/javascript" th:src="@{/easyui/jquery.easyui.min.js}"></script>
	<script type="text/javascript" th:src="@{/easyui/locale/easyui-lang-zh_CN.js}"></script>
	<script type="text/javascript" th:src="@{/js/jquery.cookie.js}"></script>
	<script type="text/javascript" th:src="@{/js/common.js}"></script>
	<script type="text/javascript" th:src="@{/js/index.js}"></script>
	<script type="text/javascript" th:src="@{/js/crypto/3.1.9/crypto-js.js}"></script>
	<script type="text/javascript" th:src="@{/js/crypto/crypt.js}"></script>

	<style>
		.cs-navi-tab{
			height: 27px;
			line-height: 27px;
		}
		.cs-navi-tab img{
			vertical-align:middle;
			text-align:center;
			padding-left: 10px;
		}
		.cs-navi-tab span{
			margin-left: 5px;
		}
		.cs-navi-tab:hover {
			background-color: #DBDBDB;
			cursor:pointer;
		}
		.cs-north-info{
			float: right;
			text-align: center;
			padding: 15px 0px 0px 0px;
		}
		.cs-north-info-item{
			float: left;
			margin-right: 10px;
		}
	</style>
</head>
<body class="easyui-layout">

	<!-- 头部 -->
	<div region="north" border="true" class="cs-north">
		<div th:include="sys_base/head :: head"></div>
	</div>

	<!-- 左侧 菜单栏 -->
	<div region="west" border="true" split="true" title="导航栏" class="cs-west">
		<div class="easyui-accordion" fit="true" border="false">
				<div  th:each="menuTree : ${#lists.isEmpty(treeList) ? null : treeList} " th:title="${menuTree.name}"
					  th:if="${#lists.isEmpty(menuTree.children) == false}">
					<div th:each="child : ${menuTree.children}" class="cs-navi-tab" th:src="${#strings.isEmpty(child.url) ? '/' : child.url}">
						<!--<span th:class="${#strings.isEmpty(child.icon)?'fa fa-gears':child.icon}" style="cursor:pointer"/>-->
							<img th:src="'/easyui/themes/myicons/'+${child.icon}" width="16" height="16" style="cursor:pointer;"/>
							<span th:text="${child.name}"/>
					</div>
				</div>
		</div>
	</div>

	<!-- 中间 -->
	<div id="mainPanle" region="center" border="false">
		 <div id="tabs" class="easyui-tabs"  fit="true" border="false" >
                <div title="Home">
				<div class="cs-home-remark">
					<div th:include="sys_base/home :: home_page"></div>
				</div>
				</div>
        </div>
	</div>

	<!-- 底部 -->
	<div region="south"  id="south" style="text-align: center">
		<div th:include="sys_base/footer :: copy"></div>
	</div>

	<!-- tab页下拉菜单 -->
	<div id="mm" class="easyui-menu cs-tab-menu">
		<div id="mm-tabupdate" iconCls="icon-reload">刷新</div>
		<div class="menu-sep"></div>
		<div id="mm-tabclose" iconCls="icon-clear">关闭</div>
		<div id="mm-tabcloseother">关闭其他</div>
		<div id="mm-tabcloseall">关闭全部</div>
	</div>

	<!--隐藏变量-->
	<input type="hidden" id="cryptoKey" th:value="${cryptoKey}"/>

</body>
</html>
